<template>
	<view>
		<view class="pub">
			<view class="big">{{title}}</view>
			<view class="small">{{childTitle}}</view>
			<view class="line"></view>
			<view>{{list}}</view>
			<view>{{user.name}},{{user.genger}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "pub-head",
		//props是接收所有传过来属性的名称
		//与return里面定义一个title属性作用一样，
		//这个title就是这个组件中的一个属性。
		//如果组件中定义一个属性，在使用这个组件时没有传值，怎么让属性有个默认值?
		//将props有数组变成对象类型即可。
		//props:["title","childTitle"],
		props:{
			title:{
				type:String,
				default:"默认标题"
			},
			childTitle:{
				type:String,
				default:"默认子标题"
			},
			time:{
				type:Number,
				default:Date.now()
			},
			list:{
				type:Array,
				default(){
					return [1,2,3]
				}
			},
			user:{
				type:Object,
				default(){
					return {name:"匿名",genger:"保密"}
				}
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.pub {
		.line {
			display: inline-block;
			width: 80rpx;
			height: 8rpx;
			background: greenyellow;
		}
	}
</style>